<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.15rem;
      }

      .fontw {
        font-weight: 700;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <h3 style="font-size: 0.25rem; text-align: center; margin-bottom: 50px">职业健康培训试题</h3>
      <div class="test-top" style="display: flex; justify-content: space-between">
        <div class="test-top-item">
          <span>姓名：</span>
          <el-input v-model="testForm.name" class="promise-input"></el-input>
        </div>
        <div class="test-top-item">
          <span>得分：</span>
          <el-input class="promise-input"></el-input>
        </div>
      </div>
      <div class="test-one">
        <h4 style="margin-bottom: 20px">一、选择题（每题5分，共50分）</h4>
        <div class="question" v-for="(item,index) in radioList" :key="index">
          <div class="question-title">{{index+1}}、{{item.title}}( <el-input v-model="radioList[index].answer" class="people-input" style="width: 0.5rem"></el-input> )</div>
          <div class="question-item1">
            <el-radio-group v-model="radioList[index].answer">
              <el-radio :value="item1.value" v-for="(item1,index1) in item.answerOptions">{{item1.label}}</el-radio>
            </el-radio-group>
          </div>
        </div>
        <h4>二、判断题（每题5分，共50分）</h4>
        <div class="question" v-for="(item,index) in panduanList">
          <div class="question-title1">
            (
            <el-radio-group v-model="panduanList[index].answer">
              <el-radio :value="1">√</el-radio>
              <el-radio :value="2">×</el-radio>
            </el-radio-group>
            ){{index+1}}.{{item.title}}
          </div>
        </div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const radioList = ref([
            {
              title: "矽肺、石棉肺、煤矽肺较常见，（      ）的危害性最为严重。",
              answerOptions: [
                { label: "A.矽肺", value: "A" },
                { label: "B.石棉肺", value: "B" },
                { label: "C.煤矽肺", value: "C" },
              ],
              answer: "",
            },
            {
              title: "零部件摩擦、碰撞产生的噪声属于（         ）。",
              answerOptions: [
                { label: "A.流体动力噪声", value: "A" },
                { label: "B.电磁噪声", value: "B" },
                { label: "C.机械噪声", value: "C" },
              ],
              answer: "",
            },
            {
              title: "噪声职业接触限值为（     ）。",
              answerOptions: [
                { label: "A.85dB", value: "A" },
                { label: "B.80dB", value: "B" },
                { label: "C.90dB", value: "C" },
              ],
              answer: "",
            },
            {
              title: "下面哪种说法是正确的（     ）。",
              answerOptions: [
                { label: "A.抛光作业时间较短，可以不用佩戴防护口罩；", value: "A" },
                { label: "B.普通口罩就可以起到防尘效果；", value: "B" },
                { label: "C.使用符合防护标准的防护口罩并正确使用才能起到防护效果。", value: "C" },
              ],
              answer: "",
            },
            {
              title: "以下哪种做法是正确的（    ）。",
              answerOptions: [
                { label: "A.员工李某在进行磨削作业时因天气较热，取下口罩进行磨削作业；", value: "A" },
                { label: "B.员工张某在磨削车间作业，未操作磨床可以不用戴口罩；", value: "B" },
                { label: "C.安全员在检查过程中发现抛光员小刘抛光作业时未戴口罩，上前纠正、教育并按照规则制度进行考核。", value: "C" },
              ],
              answer: "",
            },
            {
              title: "下面哪类作业产生的粉尘会呼吸进入肺部造成尘肺病（     ）。",
              answerOptions: [
                { label: "A.烧焊产生的烟尘", value: "A" },
                { label: "B.抛光产生的金属粉尘", value: "B" },
                { label: "C.磨削产生的铁粉", value: "C" },
                { label: "D.以上全部答案。", value: "D" },
              ],
              answer: "",
            },
            {
              title: "可吸入性粉尘的粒径为（     ）。",
              answerOptions: [
                { label: "A.1-5毫米", value: "A" },
                { label: "B.1-5微米", value: "B" },
                { label: "C.1-5纳米", value: "C" },
                { label: "D.1-5厘米", value: "D" },
              ],
              answer: "",
            },
            {
              title: "金属性粉尘属于（      ）。",
              answerOptions: [
                { label: "A. 无机性粉尘", value: "A" },
                { label: "B.有机性粉尘", value: "B" },
                { label: "C.混合性粉尘", value: "C" },
              ],
              answer: "",
            },
            {
              title: "电焊作业可能引起的疾病主要有（ )。",
              answerOptions: [
                { label: "A.电焊工尘肺", value: "A" },
                { label: "B.气管炎", value: "B" },
                { label: "C.电光性眼炎", value: "C" },
                { label: "D.皮肤病", value: "D" },
              ],
              answer: "",
            },
            {
              title: "作业场所气温（     ）、湿度（     ）属于高温作业场所。",
              answerOptions: [
                { label: "A.气温＞30℃、湿度＞80％", value: "A" },
                { label: "B. 气温＞35℃、湿度＞85％", value: "B" },
                { label: "C. 气温＞35℃、湿度＞80％", value: "C" },
              ],
              answer: "",
            },
          ]);

          const panduanList = ref([
            {
              title: "普通口罩可以阻隔小于10微米的粉尘，故能够起到防尘效果。",
              answer: "",
            },
            {
              title: "硬度越大的粉尘，对呼吸道黏膜和肺泡的物理损伤越大。",
              answer: "",
            },
            {
              title: "打磨作业不会产生粉尘。",
              answer: "",
            },
            {
              title: "当发现人员中暑时，应将其移到阴凉通风处并采取降温解暑措施对其进行救护。",
              answer: "",
            },
            {
              title: "塑料材质安全鞋较橡胶材质比，其耐高温、耐油脂性能差，因此，高热环境下应采用橡胶材质的安全鞋。",
              answer: "",
            },
            {
              title: "职业危害因素按其性质分：有物理因素、化学因素和生物因素。",
              answer: "",
            },
            {
              title: "电焊过程中产生的烟尘，若长期吸入，会引起尘肺病。",
              answer: "",
            },
            {
              title: "焊接作业佩戴劳保护品的基准有护面罩、耳塞和防尘口罩。",
              answer: "",
            },
            {
              title: "当气温达到33℃时就属于高温天气。",
              answer: "",
            },
            {
              title: "用人单位对不适宜继续从事原工作的职业病病人，应当调离原岗位，并妥善安置。",
              answer: "",
            },
          ]);

          const testForm = ref({ name: "张三" });

          return {
            radioList,
            panduanList,
            testForm,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
